﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Color Vocab Website</title>
  <link rel="stylesheet" href="assets/style.css">
</head>
<body>
<h1>Colors</h1>
<h2>Learn the colors in Spanish</h2>
<h2 class="color-title" id="red">Rojo</h2>
<img class="color" src="images/red.jpg" alt="">

<h2 class="color-title" id="blue">Azul</h2>
<img src="images/blue.jpg" alt="">

<h2 class="color-title" id="orange">Anaranjado</h2>
<img src="images/orange.jpg" alt="">

<h2 class="color-title" id="green">Verde</h2>
<img src="images/green.jpg" alt="">

<h2 class="color-title" id="yellow">Amarillo</h2>
<img src="images/yellow.jpg" alt="">
</body>
</html>